<template>
  <div class="problem">
    <div class="top">
      <div class="top_line_bg">
        <div class="top_line">
          <div class="logo">
            <img src="../assets/logo.jpg" alt="溟大科技" />
          </div>
          <div class="nav">
            <ul>
              <router-link to="/solution"
                ><li><a href="/baiduzt/rjwb/">首页</a></li></router-link
              >
              <router-link to="/about"
                ><li><a href="/baiduzt/sheji/">商业设计</a></li></router-link
              >
              <router-link to="/details"
                ><li class="nav_d"><a>机构简介</a></li></router-link
              >
              <router-link to="/problem"
                ><li class="nav_d"><a>常见问题</a></li></router-link
              >
              <router-link to="/case"
                ><li class="nav_d"><a>项目案例</a></li></router-link
              >
              <router-link to="/contact"
                ><li><a>业务合作</a></li></router-link
              >
              <router-link to="/recruit"
                ><li><a href="/hr/">招贤纳仕</a></li></router-link
              >
            </ul>
          </div>
          <!-- <div id="bdcs">
            <div class="bdcs-container">
              <meta http-equiv="x-ua-compatible" content="IE=9" />
              <div class="bdcs-main bdcs-clearfix" id="default-searchbox">
                <div class="bdcs-search bdcs-clearfix" id="bdcs-search-inline">
                  <form
                    action=""
                    method="get"
                    target="_blank"
                    class="bdcs-search-form"
                    autocomplete="off"
                    id="bdcs-search-form"
                  >
                    <input type="hidden" name="s" value="6892269738431404018" />
                    <input type="hidden" name="entry" value="1" />
                    <input
                      type="text"
                      name="q"
                      class="bdcs-search-form-input"
                      id="bdcs-search-form-input"
                      placeholder=""
                    />
                    <input
                      type="button"
                      class="bdcs-search-form-submit "
                      id="bdcs-search-form-submit"
                      value=""
                    />
                  </form>
                </div>
              </div>
              <div class="so_advice">
                <a href="javascript:void(0);">搜服务</a>
              </div>
            </div>
          </div> -->
        </div>
      </div>
      <div class="top_locate">
        <h3>案例详情&nbsp;</h3>
        <p>
          溟大科技立足中国、面向全球，为客户提供高质量、高效率的技术服务，项目案例覆盖了互联网、金融、电信、银行等多个领域。
        </p>
        <!-- <p class="top_bread">
          <router-link to="/solution"
            ><a href="javascript:void(0);">溟大科技</a></router-link
          >&nbsp;&nbsp;<a>&gt;</a>&nbsp;<a
            @click="loca"
            href="javascript:void(0);"
            >项目案例</a
          >
        </p> -->
      </div>
    </div>
    <!-- content -->
    <div class="center">
      <div class="c_all">
        <div class="c_l">
          <div class="c_tdk">
            <h1>{{ list.title }}</h1>
            <!-- <p>
              来源：溟大科技&nbsp;&nbsp;|&nbsp;&nbsp;关键词：<span>{{
                list.guan
              }}</span
              >|&nbsp;&nbsp;发布日期：<span>{{ list.date }}</span>
            </p> -->
          </div>
          <div class="c_des">{{ list.p }}</div>
          <div class="c_con">
            <div id="MyContent">
              <p>
                <a href="javascript:;"
                  ><img :src="list.src" alt="温州天娱麻将游戏软件" border="0"
                /></a>
              </p>
              <p><br /></p>
              <p>{{ list.p1 }}</p>
              <p><br /></p>
              <p>{{ list.p2 }}</p>
              <p>
                {{ list.p3 }}
              </p>
              <p>&nbsp;</p>
              <p>{{ list.p4 }}</p>
              <p>{{ list.p5 }}&nbsp;</p>
              <p>{{ list.p6 }}</p>
              <p>{{ list.p7 }}</p>
              <p>{{ list.p8 }}</p>
              <p>{{ list.p9 }}</p>
              <p>{{ list.p10 }}</p>
              <p>{{ list.p11 }}</p>
              <p>{{ list.p12 }}</p>
              <p>{{ list.p13 }}</p>
              <p>{{ list.p14 }}</p>
              <p>{{ list.p15 }}</p>
              <p>{{ list.p16 }}</p>
              <p>{{ list.p17 }}</p>
              <p>{{ list.p18 }}</p>
              <p>{{ list.p19 }}</p>
              <p>{{ list.p20 }}</p>
              <p>{{ list.p21 }}</p>
              <p>{{ list.p22 }}</p>
              <p>{{ list.p23 }}</p>
              <p>{{ list.p24 }}</p>
              <p>{{ list.p25 }}</p>
              <p>{{ list.p26 }}</p>
              <p>{{ list.p27 }}</p>
              <p>
                {{ list.p28 }}
              </p>
              <p>{{ list.p29 }}</p>
              <p>{{ list.p30 }}</p>
              <p>{{ list.p31 }}</p>
              <p>{{ list.p32 }}</p>
              <p>{{ list.p33 }}</p>
              <p><br /></p>
            </div>
          </div>
          <div class="c_author">（责任编辑：溟大科技程序员）</div>
          <div class="c_fn"></div>
          <div class="c_ad">
            <!-- <img src="../assets/billion.jpg" alt="亿元级企业" /> -->
          </div>
        </div>
        <div class="c_r">
          <div class="c_r1">
            <h3>最新咨询</h3>
            <router-link to="/recruit"
              ><a href="javascript:void(0);"
                ><img src="../assets/inner_hr.jpg" alt="加入我们"/></a
            ></router-link>
            <ul>
              <li
                v-for="(item, index) in list1"
                :key="index"
                @click="toDil(index)"
              >
                <a href="javascript:void(0);">{{ item.title }}</a>
              </li>
            </ul>
          </div>
          <div class="c_r2">
            <h3>知识库</h3>
            <ul>
              <li
                v-for="(item, index) in goList"
                :key="index"
                @click="goDetails(index)"
              >
                {{ item.title }}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- buttom -->
    <div class="bottom">
      <div class="bottom_all">
        <ul class="bottom_nav">
          <router-link to="/solution"
            ><li><a href="/baiduzt/rjwb/">首页</a></li></router-link
          >
          <router-link to="/about"
            ><li><a href="/baiduzt/sheji/">商业设计</a></li></router-link
          >
          <router-link to="/details"
            ><li class="nav_d"><a>机构简介</a></li></router-link
          >
          <router-link to="/problem"
            ><li class="nav_d"><a>常见问题</a></li></router-link
          >
          <router-link to="/case"
            ><li class="nav_d"><a>项目案例</a></li></router-link
          >
          <router-link to="/contact"
            ><li><a>业务合作</a></li></router-link
          >
          <router-link to="/recruit"
            ><li><a href="/hr/">招贤纳仕</a></li></router-link
          >
          <div class="contact_us">
            <p>
              <br />
              公司地址：武汉市洪山区现代世贸中心C座208 <br />
              联系电话：400-080-3312
            </p>
          </div>
        </ul>
        <div class="logo"><img src="../assets/logo.png" /></div>
      </div>
      <div class="bottom_cert">
        <p class="banquan">2010-2021 溟大科技信息科技集团有限公司</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list1: [],
      goList: [{ title: "Go语言" }, { title: "Vue3" }],
      list: {
        id: 0,
        title: "温州天娱麻将游戏软件",
        guan: "游戏开发解决方案",
        date: "2017年12月08日",
        p:
          "温州天娱麻将游戏系统，针对地域性的手机棋牌游戏开发，方便当地用户娱乐，跨地域性和利用碎片化时间娱乐的手机游戏软件",
        src: require("../assets/chan1.png"),
      },
      list2: [
        {
          id: 0,
          title: "温州天娱麻将游戏软件",
          guan: "游戏开发解决方案",
          date: "2017年12月08日",
          p:
            "温州天娱麻将游戏系统，针对地域性的手机棋牌游戏开发，方便当地用户娱乐，跨地域性和利用碎片化时间娱乐的手机游戏软件",
          src: require("../assets/chan1.png"),
          p1: "1.1 开发背景",
          p2: "1.2 开发目标",
          p3:
            "根据当地麻将游戏的规则，定制游戏，实现安卓，苹果，PC 三端系统开发，后台管理充值系统。",
          p4: "1.3 参考资料",
          p5: "无 ",
          p6: "1.4 设计原则",
          p7: "设计该系统遵守高并发的原则，可移植行，可拓展性",
          p8: "2 需求分析",
          p9: "2.1 需求陈述",
          p10: "1、微信登录",
          p11: "2、邮件、消息",
          p12: "3、微信分享朋友圈、群",
          p13: "4、联系客服",
          p14: "5、实时语音、及时语音",
          p15: "6、聊天功能",
          p16: "7、表情功能",
          p17: "8、定位功能",
          p18: "9、断线重连功能",
          p19: "10、音效、语音",
          p20: "11、公告栏小喇叭",
          p21: "12、创建房间、加入房间、解散房间",
          p22: "13、战绩回放功能",
          p23: "14、支付功能",
          p24: "15、倒计时出牌功能",
          p25: "16、游戏规则定制",
          p26: "17、后台管理系统",
          p27: "2.2 操作用例",
          p28:
            "手机端微信登录后，选择玩法创建房间，等待另外3个输入6位密码后开始游戏，每小局会有结算界面，所有完成后会总结算界面。",
          p29: "2.3 功能分析划分",
          p30: "UI设计、游戏模式、游戏大厅、版本、游戏规则、后台管理",
          p31: "2.5 运行环境",
          p32: "安卓4.2,及以上版本",
          p33: "苹果6及以上版本",
        },
        {
          id: 1,
          title: "重庆日报-理论头条",
          guan: "公共事业机构软件",
          date: "2017年12月08日",
          p:
            "重庆日报理论头条，数据库模块、注解模块、网络模块、图片缓存模块、新闻类的顶部选项卡IOS框架。",
          src: require("../assets/chan2.png"),
          p1: "功能",
          p2: "1、咨询模块",
          p3: "闪屏功能",
          p4: "搜索功能",
          p5: "数字报功能 ",
          p6: "分享",
          p7: "轮播图片功能",
          p8: "新闻推送功能",
          p9: "2、视觉模块",
          p10: "新闻列表",
          p11: "视频列表",
          p12: "3、活动模块",
          p13: "参与活动功能",
          p14: "4、我的模块",
          p15: "第三方登录（微信、QQ、新浪）",
          p16: "注册功能",
          p17: "收藏功能",
          p18: "反馈功能",
          p19: "设置功能",
          p20: "应用分享（微信、朋友圈、QQ、QQ空间、新浪微博、我的推荐）",
          p21: "关于理论头条",
          p22: "清除缓存",
          p23: "平台：Android、iOS、PC",
          p24: "客户：重庆日报",
          p25: "框架结构：",
          p26: "2、XUtil框架",
          p27: "主要有四大模块：",
          p28:
            "(1) 数据库模块：Android中的orm框架，一行代码就可以进行增删改查；支持事务，默认关闭；可通过注解自定义表名，列名，外键，唯一性约束，NOT NULL约束，CHECK约束等（需要混淆的时候请注解表名和列名）；支持绑定外键，保存实体时外键关联实体自动保存或更新；自动加载外键关联实体，支持延时加载；支持链式表达查询，更直观的查询语义，参考下面的介绍或sample中的例子。  ",
          p29:
            "  (2) 注解模块：android中的ioc框架，完全注解方式就可以进行UI，资源和事件绑定；新的事件绑定方式，使用混淆工具混淆后仍可正常工作；目前支持常用的20种事件绑定，参见ViewCommonEventListener类和包com.lidroid.xutils.view.annotation.event。",
          p30:
            "(3) 网络模块：支持同步，异步方式的请求；支持大文件上传，上传大文件不会oom；支持GET，POST，PUT，MOVE，COPY，DELETE，HEAD，OPTIONS，TRACE，CONNECT请求；下载支持301/302重定向，支持设置是否根据Content-Disposition重命名下载的文件；返回文本内容的请求(默认只启用了GET请求)支持缓存，可设置默认过期时间和针对当前请求的过期时间",
          p31:
            " (4) 图片缓存模块：加载bitmap的时候无需考虑bitmap加载过程中出现的oom和android容器快速滑动时候出现的图片错位等现象；支持加载网络图片和本地图片；内存管理使用lru算法，更好的管理bitmap内存； 可配置线程加载线程数量，缓存大小，缓存路径，加载显示动画等...",
          p32: "PC框架：struts2框架、",
          p33: "Spring框架、Jquery、JFinal、Ibatis",
        },
        {
          id: 2,
          title: "中兴家装APP",
          guan: "多平台APP解决方案",
          date: "2017年12月08日",
          p:
            "中兴家装APP，主要采用MVC模块、ioc模块、数据库模块、http模块、缓存模块、图片缓存模块配置器模块、日志打印模块、下载器模块、网络状态检测模块。",
          src: require("../assets/chan3.png"),
          p1: "功能",
          p2: "主页",
          p3: "查看报价",
          p4: "看专题",
          p5: "免费设计",
          p6: "学知识",
          p7: "找攻略",
          p8: "平台：Android、iOS、PC",
          p9: "客户：上海中兴",
          p10: "框架： ThinkAndroid框架",
          p11: "主要有以下模块：",
          p12: "(1)  MVC模块：实现视图与模型的分离。",
          p13:
            "(2)  ioc模块：android中的ioc模块，完全注解方式就可以进行UI绑定、res中的资源的读取、以及对象的初始化。",
          p14:
            "(3)  数据库模块：android中的orm框架，使用了线程池对sqlite进行操作。",
          p15:
            "(4)  http模块：通过httpclient进行封装http数据请求，支持异步及同步方式加载。",
          p16:
            "(5)  缓存模块：通过简单的配置及设计可以很好的实现缓存，对缓存可以随意的配置",
          p17:
            "(6)  图片缓存模块：imageview加载图片的时候无需考虑图片加载过程中出现的oom和android容器快速滑动时候出现的图片错位等现象。",
          p19:
            "(7)  配置器模块：可以对简易的实现配对配置的操作，目前配置文件可以支持Preference、Properties对配置进行存取。",
          p20:
            " (8)  日志打印模块：可以较快的轻易的是实现日志打印，支持日志打印的扩展，目前支持对sdcard写入本地打印、以及控制台打印",
          p21:
            "(9)  下载器模块:可以简单的实现多线程下载、后台下载、断点续传、对下载进行控制、如开始、暂停、删除等等。",
          p22: " (10) 网络状态检测模块：当网络状态改变时，对其进行检",
        },
        {
          id: 3,
          title: "追溯系统",
          guan: "猪肉质量追溯系统方案",
          date: "2017年07月16日",
          p:
            "实现猪肉安全追溯管理，从仔猪的出生到猪肉分块销售的整个过程管理。实现定制产销分析汇总功能管理。",
          src: require("../assets/chan4.png"),
          p1:
            "近年来，由于食品安全（食物中毒、疯牛病、口蹄疫、禽流感等畜禽疾病以及严 重农产品残药、进口食品材料激增等）危机频繁发生，严重影响了人们的身体健康，引起了全世界的广泛关注，如何对食品有效跟踪和追溯，已成为一个极为迫切的全球性课题。目前我国，谷物、水果、肉类、禽蛋和水产品等主要食品产量居世界第一位，为了确保人民群众的食品安全，有效控制食源性疾病的爆发，以及排除我国食品的出口面对进口国食品跟踪与追溯法律法规的限制，因此在我国建立食品跟踪与追溯的工作将对食品行业的发展产生巨大的影响。所以安全追溯系统也随之产生。  第一章:以生猪为例，我们先了解一下生猪的流通方式： ",
          p2:
            "1、流通方式：一是本市或外省市进沪生猪进入本市生猪定点屠宰企业宰杀后，以白条肉（包括外省市进沪肉品）进入本市肉类批发市场，通过交易进入本市零售市场（主要为菜市场、伙食团、餐饮企业等）。二是本市或外省市部分屠宰加工企业通过与本市超市、大卖场直销挂钩或第三方配送企业进行猪肉销售。 ",
          p3:
            " 2、各流通环节基本情况：一是屠宰环节。本市每年屠宰生猪以分割肉或托盘包装 形式进入本市超市、大卖场或专卖店（摊）销售，占10%左右，其余90%左右以白条肉进入本市肉类批发市场。二是批发环节。本市生猪屠宰场和外省市进沪肉品绝大部分进入本市肉类批发市场进行交易 白条肉经批发交易后，进入本市菜市场、集贸市场、伙食团、餐饮等企业。三是零售环节。目前，菜市场仍是市民购买猪肉的主要场所，菜市场猪肉销售量占本市猪肉消费量80%以上，其次是超市、大卖场，多元化的采购，多层次的流通，必带来好多难以控制的安全问题。",
          p4:
            "第二章:信息追溯系统重点解决的问题  针对目前本市货物流通现状及存在的问题，信息追溯系统重点解决以下几个问题： ",
          p5:
            "1、针对猪肉流通环节多、流通时间短，实现猪肉流通各环节监管信息相连接，真正做到信息可追溯。通过对肉类屠宰、批发（配送）、零售等环节的信息管理，以生猪及猪肉的生产、流通企业信息采集系统为基础，整合和提取各环节基础数据，将食品安全生产体系信息、食品安全检测信息、食品安全流通信息有序归集，构建一个运行高效、责任明确、统一协调的猪肉流通监管、追溯和分析平台，实现对本市猪肉流通全过程跟踪、企业全覆盖汇集、信息清晰、追溯快捷，为政府有关部门提供猪肉安全监管和调控决策信息。",
          p6:
            "2、针对猪肉经营者大多小而散，实现经营者及商品同时监管，不仅有利于提高经营者自律意识，也能真正做到追根溯源。通过对猪肉流通各环节中经营者及商品（生猪或肉品）的信息管理，以IC卡为载体，对生猪或肉品经营者的有关信息同时进行动态监管，有利于规范经营者行为，一旦发生猪肉质量安全问题，可以迅速地根据不同环节追究经营者责任。",
          p7:
            "3、针对传统消费习惯，实现标准化菜市场和大卖场等零售终端“现买现斩”猪肉的信息可追溯。通过“食用农产品流通安全信息网”较为成熟的系统，以猪肉流通各环节信息整合为基础，在标准化菜市场和大卖场等零售终端开发使用标签电子秤作为信息追溯技术，解决目前市民购买“现买现斩”猪肉后无包装、无标签、难追溯的问题。",
          p8: "第三章:追溯软件系统架构  ",
          p9: "(1)生猪生产质量安全追溯综合信息系统平台",
          p10:
            "此系统为以下四个环节系统的基础 平台，通过此部分系统可将以下的养殖场、运输屠宰监控、分割加工及消费、质量安全查询系统中产生的各种数据进行统一分析处理，相当于整套系统的中央处理器。      本系统担负着整套系统的静态基础数据、动态记录的存储与处理，统计报表、实时数据调整与查校等功能。中心的建立依赖于养殖场信息采集管理系统、屠宰厂信息追踪管理系统、超市及消费信息管理系统的成功建设. ",
          p11:
            "(2)养殖场信息管理系统       养殖场子系统指的是整个追溯过程中在养殖场环节使用的信息管理系统。其主要功能是记录无抗生猪在养殖场中生长发育的过程信息，并将该信息提供给追溯系统的下一个环节。生猪生长批次信息、生猪个体信息、生猪防疫信息和生猪销售信息将成为养殖场子系统关注的重点。生猪个体将通过RFID电子耳标进行标识。而生猪个体信息的采集、更新等功能的实现将通过固定或移动式的读写机对电子耳标的识读来完成。每个电子耳标将唯一标识一头生猪，从而给生猪的个体追溯带来可能。   在养殖环节，系统通过RFID耳标记录生猪的个体信息(父母系、品种品系、出生日期、出栏日期)、用药记录、检疫信息、销售信息等，并将信息提供给追溯与安全监管平台，以供追溯、查验及监管。养殖信息的实时提交完成了养殖阶段的数据采集与信息跟踪、追溯，同时提供了饲养监管、用药监管所必需的数据信息。",
          p12:
            " (3)运输屠宰信息监控系统      无抗生猪出栏后，通过第三方承运公司将生猪运往协议屠宰厂进行屠宰，生猪屠宰是猪肉生产的第二个环节，该子系统的重要功能是维护整个追溯系统信息链的完整，使屠宰厂生产出库的白条肉信息能够与养殖场生猪个体信息保持正确的关联。保证个体生猪信息与其白条肉信息的正确对应是本系统成功的关键。   生猪被运达屠宰厂后，系统将通过识读每个生猪个体的电子耳标来确认生猪个体，并记录追溯相关的信息。系统还会监控整个生产过程中猪肉品质的安全性，对于检验检疫不合格的猪肉，系统会主动识别其对应的RFID电子标签，并发出警告信息，使有问题的猪肉在进入流通环节之前就被及时发现，避免出现亡羊补牢的情况。屠宰完毕后，对于每个白条肉，系统会利用电子标签来对其进行唯一的标识，并且这一标识与生猪屠宰前的个体标识—RFID电子耳标严格对应。",
        },
        {
          id: 4,
          title: "农业物联网系统",
          guan: "设备与整体解决方案",
          date: "2017年07月16日",
          p:
            "实现种植大棚的生长环境监控管理，包括温度、湿度、光照数据的采集。监控信息的采样分析汇总，植物生长环境报警管理。",
          src: require("../assets/chan5.png"),
          p1:
            "农业物联网设备与整体解决方案是随着农业物联网技术的发展，软硬件设施逐渐完善的基础上所提出来的，针对于精细农业发展所实施的一整套实施方案。农业物联网设备与整体解决方案的实施和应用，最主要的作用就是要解决当前资源紧缺和生产浪费之间的矛盾，通过科学管理的方式进一步优化生产过程，以最少的农业投入获得最大的农业生产价值，并且达到保护生态环境，实现农业的可持续发展的目标。因此农业物联网设备与整体解决方案是针对于农业生产的整个过程的，其中它在一下的农业生产环节应用效果突出，取得了良好的成果。",
          p2: "1.农业资源的精细监测和调度方面 ",
          p3:
            " 农业物联网设备与整体解决方案中所应用的各种高精度的感知设备，可以帮助我们获取土壤、墒情、水文等极为精细的农业资源信息，配合农业资源调度专家系统，就是实现实现科学决策。",
          p4: "　2.农业生态环境的监测和管理方面 ",
          p5:
            "　农业生态环境是与作物生长最息息相关的影响因素，因此针对于农业生态环境的监测和管理，农业物联网设备与整体解决方案利用传感器感知技术、信息融合传输技术和互联网技术，构建农业生态环境监测网络，实现了对农业生态环境的自动监测。",
          p6: "3.农业生产过程的精细管理方面",
          p7:
            "农业物联网设备与整体解决方案不仅仅只是用于设施农业，在大田种植、果园生产、畜禽水产养殖作业等领域也有十分重要的应用，因为它采取的是以实际数据为基础，作物的科学生长知识为依据，这样一来就能有效规避传统农业生产过程中的盲目性，因此利用它可以实现生产过程的智能化控制和科学化管理，进而提高资源利用率和劳动生产率，实现节本增效的目标。",
          p8:
            "在农业物联网的发展中会遇到各种各样的问题，如何对这些问题进行快速有效的处理和解决呢？托普云农提出了农业物联网整体解决方案，对农业物联网应用中存在的各种问题给予最适宜、最科学、最合理的解决方案。 ",
          p9:
            "托普物联网“智能控制功能主要由控制柜、电磁阀、农业设施电机、控制线及灌溉管网联合操作实现。通过生产区域信息采集及生产需要，可将灌溉、生产、施肥、通风、控温控湿等设备的功能实现集成到物联网系统中，实现大田及温室内相应设备的智能控制。物联网技术已经应用于各行各业，托普农业物联网自动控制系统，可在无人直接参与的情况下使生产过程按特定规律或预定程序进行运作。在农业物联网系统中，自动控制模块最终简化了劳动程序，节省了人力成本，并严格按照生产需求进行环境调控，实现生产的智能化、精准化和规模化。",
          p10:
            "农业物联网整体解决方案是每一个农业物联网都必备的使用手册，可以为广大的用户提出更好的生产指导意见，使得我们国家的农业实现高产优质的生产目标。",
        },
        {
          id: 5,
          title: "国仁金服平台建设方案",
          guan: "建设方案 V1.0.1",
          date: "2017年07月16日",
          p:
            "国仁金服系统微信平台的架构分为三个部分：基础数据库、服务器数据接口平台软件、手机客户端软件。",
          src: require("../assets/chan6.png"),
          p1: "1　国仁金服微信平台简介",
          p2: "1　解决方案",
          p3: "系统结构",
          p4: "系统结构功能设计",
          p5:
            "系统整体分为4大功能结构：分销系统、太湖微盘交易服务号、微信订阅号、后台管理。",
          p6: "1.1　管理人员功能",
          p7:
            "国仁金融微信平台后台管理系统包含管理人员、经销商的所有日常操作任务。从全权限上管理人员创建的新经销商能够登陆管理自己权限范围的功能，其中包括微信公众号菜单管理、微信自动回复设置、注册用户管理、推送文章管理。",
          p8: "1.1.1　分销商管理",
          p9:
            "管理员能够对新加入的经销商创建新的账号，将新经销商进行归类到推荐的上级的经销商下，同时根据签订合同设置经销商的提成点。",
          p10: "1.1.2　分销商等级设置",
          p11: "管理人员可以初步设定10级经销商等级。",
          p12: "1.1.3　微信公众号管理",
          p13:
            "管理人员能够针对开户的经销商进行微信公众号进行创建，管理人员告知经销商后，经销商即可登录使用。",
          p14: "1.1.4　公告管理",
          p15: "管理人员可以初步设定10级经销商等级。",
          p16: "1.1.5　投资产品分类管理",
          p17:
            "设置各种理财产品的分类，例如大宗商品、融资、债券转让、资产交易等。",
          p19: "1.1.6　投资产品管理",
          p20:
            "根据金交所能够提供的理财产品明细，上架同名称同内容的理财产品，链接到金交所理财产品页面，每个理财产品增加经销商佣金返还比例。",
          p21: "1.1.7　保险产品分类管理",
          p22:
            " 设置各种理财产品的分类，例如车险、意外险、旅游保险、人寿保险、健康保险等、理财险。",
        },
      ],
    };
  },
  created() {
    this.list1 = [
      { title: "软件项目外包怎样找到接包团队?" },
      { title: "软件项目外包有风险，规范外包流程是重点?" },
      { title: "软件外包公司该如何制定发展策略?" },
      { title: "APP外包开发的流程是怎样的?" },
      { title: "软件开发外包质量问题?" },
    ];
    this.list = this.list2[this.$route.query.id];
  },
  methods: {
    toDetail() {
      this.bool = false;
    },
    loca() {
      window.location.reload();
    },
    toDil(index) {
      this.$router.push("/problemDetails?id=" + index);
    },
    goDetails(index) {
      this.$router.push("/goDetails?id=" + index);
    },
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  word-break: break-all;
  vertical-align: bottom;
  font-family: "microsoft yahei";
  transition: all 200ms ease-in-out;
}
.top {
  width: 100%;
  height: 440px;
  background: url("../assets/ban_website.jpg") no-repeat center;
  background-size: 100% 100%;
}
.top_line_bg {
  width: 100%;
  height: 90px;
  background-color: #fff;
}
.top_line {
  width: 1200px;
  margin: 0 auto;
  height: 90px;
}
.top_line .logo {
  float: left;
  overflow: hidden;
  margin-top: 8px;
}
img {
  border: 0;
}
.top_line .nav {
  float: left;
  margin: 30px 0 0 50px;
}
ul,
li {
  list-style: none;
}
.nav li {
  width: 84px;
  height: 29px;
  float: left;
  margin: 0 5px;
  background-image: url("../assets/hr_nav_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10%;
}
.nav li:hover {
  background-size: 100%;
}
.nav li a {
  color: #444;
  display: block;
  width: 84px;
  height: 29px;
  text-align: center;
  line-height: 29px;
  font-size: 14px;
}
a {
  text-decoration: none;
  color: #283a46;
}
.nav li.nav_d {
  background-image: url("../assets/hr_nav_bg2.png");
  padding: 0 7px;
}
.top_line #bdcs {
  float: right;
  overflow: hidden;
}
.bdcs-main {
  float: left;
}
#bdcs form {
  opacity: 0.7;
  border: 1px solid #444;
  width: 160px;
  height: 26px;
  border-radius: 14px;
  margin-top: 33px;
}
#bdcs input {
  background: none;
  border: none;
  color: #444;
}
input,
textarea {
  outline: none;
}
#bdcs input.bdcs-search-form-input {
  height: 26px;
  width: 105px;
  margin-left: 20px;
}
#bdcs input.bdcs-search-form-submit {
  width: 26px;
  height: 26px;
  background: url("../assets/hr_so_bg.png") no-repeat center;
  cursor: pointer;
}
.so_advice {
  overflow: hidden;
  height: 26px;
  padding-top: 33px;
  margin-left: 10px;
  float: left;
}
.so_advice a {
  color: #444;
  font-size: 12px;
  opacity: 0.7;
  line-height: 26px;
  margin-right: 10px;
}
.nav li a.double {
  width: auto;
  float: left;
  padding: 0 4px;
}
/* 常见问题 */
.top_locate {
  width: 1200px;
  height: 350px;
  margin: 0 auto;
  color: #ffffff;
}
.top_locate h3 {
  color: #fff;
  font-size: 40px;
  margin-top: 76px;
  margin-bottom: 22px;
}
.top_locate p {
  font-size: 14px;
  width: 575px;
  line-height: 25px;
}
.top_locate p.top_bread {
  margin-top: 26px;
}
.top_locate p.top_bread a {
  color: #0083cc;
}
/* content */
.center {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
.c_all {
  width: 1200px;
  margin: 0 auto;
}
.c_l {
  width: 789px;
  border-right: 1px solid #e4e9f0;
  float: left;
  padding-right: 30px;
  margin-top: 63px;
}
.c_head {
  overflow: hidden;
}
.c_head .c_l_img img {
  width: 340px;
  height: 210px;
  float: left;
  margin-right: 30px;
}
.c_head .c_h1 {
  float: right;
  width: 419px;
}
.c_head .c_h1 h3 {
  font-weight: normal;
  font-size: 24px;
  color: #000000;
}
.c_head .c_h1 p {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  margin: 15px 0;
}
.c_head .c_h1 p span {
  color: #1985c6;
}
.c_head .c_h2 {
  border-top: 1px solid #eaeaea;
  float: right;
  width: 419px;
  padding-top: 10px;
}
ul,
li {
  list-style: none;
}
.c_head .c_h2 li {
  line-height: 32px;
}
.c_head .c_h2 a {
  font-size: 16px;
  color: #000;
}
.c_list {
  overflow: hidden;
  padding: 25px 0;
}
.c_list dl {
  overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
  padding: 30px 0;
}
.c_list dd {
  overflow: hidden;
}
.c_list dd a {
  color: #151515;
}
.c_list dd h3 {
  font-size: 22px;
  height: 32px;
  line-height: 31px;
  font-weight: normal;
}
.c_list dd p.des_cription {
  padding: 6px 0 8px 0;
}
.c_list dd p.key_word {
  color: #575757;
  font-size: 14px;
}
.c_list dd i {
  color: #48b0f5;
  font-style: normal;
  margin-right: 10px;
}
.c_list dd span {
  font-size: 13px;
  color: #ccc;
  float: right;
}
.c_list dl.list_bottom {
  border-bottom: 0;
}
.c_list dd p.des_cription {
  padding: 6px 0 8px 0;
}
/* 详情 */
.c_tdk {
  margin-bottom: 24px;
}
.c_tdk h1 {
  font-weight: normal;
  font-size: 28px;
  color: #000;
}
.c_tdk p {
  font-size: 14px;
  color: #999;
  margin-top: 16px;
}
.c_des {
  font-size: 16px;
  color: #999;
  background-color: #f9f9f9;
  padding: 20px 25px;
  width: 729px;
  line-height: 28px;
}
.c_con {
  font-size: 16px;
  color: #666;
  padding: 0 20px;
  line-height: 28px;
  margin-top: 24px;
}
.c_author {
  font-size: 16px;
  color: #666;
  text-align: right;
  width: 769px;
  margin-top: 45px;
}
.c_fn {
  color: #999;
  font-size: 14px;
  line-height: 28px;
  padding-left: 20px;
  margin-top: 50px;
}
.c_fn a {
  color: #999;
}
.c_ad {
  padding-left: 20px;
  margin: 30px 0;
}
.c_relate {
  padding-left: 20px;
  overflow: hidden;
}
.c_relate h3 {
  color: #333;
  font-size: 18px;
  font-weight: normal;
}
.c_relate ul {
  overflow: hidden;
  border-top: 1px #e9e9e9 solid;
  margin-top: 14px;
  padding-top: 20px;
  width: 320px;
  float: left;
  padding-right: 109px;
}
.c_relate li {
  float: left;
  font-size: 13px;
  width: 320px;
}
.c_relate li a {
  color: #333;
  line-height: 32px;
  display: block;
  width: 350px;
  overflow: hidden;
  height: 32px;
}
.c_relate ul.right {
  padding-right: 0;
}
.c_relate li {
  float: left;
  font-size: 13px;
  width: 320px;
}
.c_relate li a {
  color: #333;
  line-height: 32px;
  display: block;
  width: 350px;
  overflow: hidden;
  height: 32px;
}

/* 右 */
.c_r {
  float: right;
  margin-top: 63px;
}
.c_r1 {
  overflow: hidden;
}
.c_r1 h3 {
  margin-bottom: 15px;
}
.c_r img {
  float: right;
  margin: 5px 0;
}
.c_r li {
  font-size: 16px;
  line-height: 33px;
  height: 33px;
  width: 330px;
  overflow: hidden;
}
.c_r li span {
  display: block;
  width: 5px;
  height: 5px;
  background-color: #2277da;
  float: left;
  margin: 15px 10px 13px 7px;
}
.c_r li a {
  color: #666;
}
.c_r2 {
  overflow: hidden;
  margin-top: 35px;
}
.c_r h3 {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.bottom {
  width: 100%;
  color: #aaa;
  font-size: 14px;
  background-color: #333;
  height: 150px;
  margin-top: 70px;
}
.bottom_all {
  width: 1200px;
  padding-top: 15px;
  margin: 0 auto;
  overflow: hidden;
}
.bottom_all ul.bottom_nav {
  float: left;
  line-height: 24px;
}
.bottom_all ul.bottom_nav li {
  float: left;
  margin-right: 15px;
}
.bottom a {
  color: #aaa;
}
.bottom_all .logo {
  float: right;
  margin: 10px 20px 0 0;
}
.bottom_cert {
  width: 1050px;
  margin: 0 auto;
  text-align: center;
  color: #666;
}
</style>
